<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:form>
	
		<div style="height: 50px">
			<p:messages globalOnly="true" />
		</div>

		<!--  Panel para o rótulo, mensagem e campo: Nome -->
		<h:panelGrid columns="1" cellpadding="3">
			<h:panelGrid columns="2">
				<h:outputText value="Nome:" />
				<p:message for="nome" />
			</h:panelGrid>

			<p:inputText id="nome"
				value="#{freelancerBean.freelancerPerfil.nome}" size="60" />

		</h:panelGrid>

		<!--  Panel para o rótulo, mensagem e campo: E-mail -->
		<h:panelGrid columns="1" cellpadding="3">
			<h:panelGrid columns="2">
				<h:outputText value="E-mail:" />
				<p:message for="email" />
			</h:panelGrid>

			<p:inputText id="email"
				value="#{freelancerBean.freelancerPerfil.email}" size="60" />

		</h:panelGrid>
                
                <!--  Panel para o rótulo, mensagem e campo: Nacionalidade -->
					<h:panelGrid columns="1" cellpadding="3">
						<h:panelGrid columns="2">
							<h:outputText value="Nacionalidade:" />
							<p:message for="nome" /> <!-- parei aqui -->
						</h:panelGrid>
						<p:selectOneMenu id="nacao" required="true"
                                                                 value="#{freelancerBean.freelancerPerfil.nacao}"
							converter="nacionalidadeConverter" requiredMessage="Precisa ser informado(a)">
							<f:selectItem itemLabel="-- Selecione --" />
                                                        <f:selectItems value="#{nacionalidadeBean.nacoes}" var="nacao"
                                                                       itemValue="#{nacao}" itemLabel="#{nacao.nome}" />
						</p:selectOneMenu>


					</h:panelGrid>

		<!--  Panel para o rótulo, mensagem e campo: Estado -->
		<h:panelGrid columns="1" cellpadding="3">
			<h:panelGrid columns="2">
				<h:outputText value="Estado:" />
				<p:message for="estado" />
			</h:panelGrid>
			<p:selectOneMenu id="estado" required="true"
				value="#{freelancerBean.estadoSelecionado}"
				converter="estadoConverter"
				requiredMessage="Precisa ser informado(a)">
				<f:selectItem itemLabel="-- Selecione --" />
				<f:selectItems value="#{estadoBean.estados}" var="estado"
					itemValue="#{estado}" itemLabel="#{estado.nome}" />
				<p:ajax event="change" update="estado selectCidade" />
			</p:selectOneMenu>


		</h:panelGrid>

		<!--  Panel para o rótulo, mensagem e campo: Cidade -->
		<h:panelGrid columns="1" cellpadding="3">
			<h:panelGrid columns="2">
				<h:outputText value="Cidade:" />
				<p:message for="selectCidade" />
			</h:panelGrid>
			<p:selectOneMenu id="selectCidade"
				value="#{freelancerBean.freelancerPerfil.cidade}"
				converter="cidadeConverter">
				<f:selectItem itemLabel="-- Selecione --" noSelectionOption="true" />
				<f:selectItems value="#{freelancerBean.estadoSelecionado.cidades}"
					var="cidade" itemValue="#{cidade}" itemLabel="#{cidade.nome}" />

			</p:selectOneMenu>


		</h:panelGrid>




		<!--  Panel para o rótulo, mensagem e campo: Descricao -->
		<h:panelGrid columns="1" cellpadding="3">
			<h:panelGrid columns="2">
				<h:outputText value="Descrição:" />
				<p:message for="descricao" />
			</h:panelGrid>
			<p:inputTextarea id="descricao"
				value="#{freelancerBean.freelancerPerfil.descricao}" rows="5"
				cols="60" />
		</h:panelGrid>
		<br />
	
	<div style="text-align: center;">
		<p:commandButton value="Alterar Dados"
			actionListener="#{freelancerBean.alterar()}" ajax="false" />
	     <p:button value="Voltar" outcome="/freelancer/perfilFreelancer"/>
	</div>

</h:form>

</html>

